<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="home">

    <main class="main">
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide adv_banner1"></div>
                <div class="swiper-slide adv_banner2"></div>
                <div class="swiper-slide adv_banner3"></div>
            </div>
            <!-- <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div> -->
            <div class="swiper-pagination"></div>
        </div>




        <div class="mainbox">
            <div class="rank">
                <p class="rank_p">今日排名</p>
                <p class="rank_num" id="rbox"> 0 </p>
            </div>

            <div class="clock">
                <p>累计打卡<span id="clockday"> 0 </span>天</p>
                <button id="clockBtn">今日打卡</button>
            </div>
        </div>


        <div class="mainbox">
            <div class="sportbox">运动数据</div>

            <div class="badgesbox">
              <p class="badges_p">徽章数量</p>
                 <p class="badges_num" id="badgenum"> 0 </p>
            </div>
        </div>
        <div id="lesson" class="mainbox coursebox">课程训练</div>
        <div id="running" class="mainbox runbox">户外跑步</div>


    </main>

</body>

</html>